import React from 'react'
import ReactDOM from 'react-dom'
import './index.css'
import App from './App'
import reportWebVitals from './reportWebVitals'

// 拓展资料：
// 1. React.StrictMode 会对包裹的虚拟DOM（组件）进行语法检查，类似于官方的一些不推荐的语法会自动提示报错
ReactDOM.render(
  <React.StrictMode>
    <App />
  </React.StrictMode>,
  document.getElementById('root') // 这里写根节点，react 官方脚手架会自动去找这个根节点
)

// If you want to start measuring performance in your app, pass a function
// to log results (for example: reportWebVitals(console.log))
// or send to an analytics endpoint. Learn more: https://bit.ly/CRA-vitals
reportWebVitals()

// 注意：
// react 页面渲染流程：
// 1. 先找到 src/index.js 入口文件
// 2. 加载入口文件的相关依赖，然后 ReactDOM.render(VDOM, 容器（根节点）)
// 3. 通过 react 底层技术找到 public/index.html 的根节点，进而渲染出 react 页面
